.login {
    width: 100%;
    height: 100%;
    background: url('/imgs/login.png') no-repeat 0 0 / cover;
    text-align: center;


    .title {
        color: cyan;
        font-family: 'stxingkai';
    }

    .h1 {
        font-weight: 400;
        display: inline-block;
        margin: 7.5rem 0 3.75rem;
        position: relative;
        overflow: hidden;
        text-shadow: #000 2px 2px 0px;
    }

    .h1::after {
        content: '';
        position: absolute;
        height: 100%;
        border-radius: 50%;
        background-image: -webkit-repeating-radial-gradient(center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .5) 100%);
        animation: l 6s linear 0s infinite;
    }

    .h1::before {
        content: '';
        position: absolute;
        height: 100%;
        border-radius: 50%;
        background-image: -webkit-repeating-radial-gradient(center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .5) 100%);
        animation: l 6s linear 3s infinite;
    }

    @keyframes l {
        0% {
            left: 0;
            width: 0;
            opacity: .3;
        }

        50% {
            width: .375rem;
            opacity: 1;
        }

        100% {
            left: 100%;
            width: .0625rem;
            opacity: .3;
        }

    }


    .main {
        width: 18.75rem;
        margin: 0 auto;
        background-image: linear-gradient(#9dc6f1, #427093);
        // background-color: rgba(255, 255, 255, .6);
        border-radius: .625rem;
        padding: 3.125rem;

        .top {
            color: #fff;
            overflow: hidden;

            span:first-child {
                float: left;
                font-size: 24px;
            }

            span:last-child {
                color:#1e812b;
                float: right;
                margin-top: 12px;
                font-size: 14px;
                cursor: pointer;
            }
        }

        .line {
            height: 1px;
            background-color: #6b7de5;
            margin: 5px 0 20px;
        }

        .form {
            .avatar-uploader {
                text-align: center;

                :global {
                    .ant-upload-select {
                        width: 60px;
                        height: 60px;
                    }

                    [type="button"] {
                        color: #fff;

                    }
                }
            }

            .btn {
                font-family: 'stxingkai';
                background-color: #6f5eb2;
            }
        }

    }

    .btn:hover {
        background-color: #023e73 !important;
    }
}